<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<!-- 框架底层 css 及  js 插件 -->
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jquery.form.js"></script>
		<!-- 时间控件 -->
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js"></script>
		<!-- zTree控件 -->
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/zTree/css/zTreeStyle.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/zTree/js/jquery.ztree.core-3.5.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/zTree/js/jquery.ztree.excheck-3.5.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/region.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/filetoftp.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/tinymce/tinymce.min.js"></script>
	</head>
	<!-- BEGIN BODY -->			
	<body class="page-header-fixed">
		<!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
         <!-- END HEADER -->
        <!-- BEGIN CONTAINER -->  
		<div class="page-container row-fluid">
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<sys:sysNav ctgLevelOne="front" ctgLevelTwo="helpMgr" />
				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
			<!-- END BEGIN HORIZONTAL MENU PAGE SIDEBAR -->
			<!-- BEGIN PAGE -->
			<div class="page-content">
				<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
				<div class="container-fluid" >
					<div class="row-fluid">
						<!-- 帮助基本信息详情 -->
						<div id="detailHelpTestVODiv" class="modal hide fade" tabindex="-1" data-width="860">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header bg-yellow">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
										<h4 class="modal-title">
											<i class="fa fa-plus"></i>
											<span id="lblAddTitle" style="font-weight:bold">详情</span>
										</h4>
									</div>
									<div class="modal-body tabbable tabbable-custom ">
										<ul id="myTab" class="nav nav-tabs">
											<li class="active" id="oneLi">
												<a href="#dlg_detail" data-toggle="tab">
													基本信息
												</a>
											</li>
										</ul>
										<div class="tab-content">
											<div class="tab-pane row-fluid active" id="dlg_detail">
												<table class='table table-striped table-hover table-bordered dt-responsive tab-pane fade in active' id="HelpTestVODetailTableDiv">
													<tbody>
														<tr>
															<td style = "width:275px" class='bold font-blue-hoki'>文件id</td>
															<td style = "width:275px" id="resourcesIdDetail"></td>
															<td style = "width:275px" class='bold font-blue-hoki'>文件名称</td>
															<td style = "width:275px" id="helpNameDetail"></td>
														</tr>
														<tr>
															<td style = "width:275px" class='bold font-blue-hoki'>文件路径</td>
															<td style = "width:275px" id="helpPathDetail"></td>
															<td style = "width:275px" class='bold font-blue-hoki'>上传时间</td>
															<td style = "width:275px" id="helpIntimeDetail"></td>
														</tr>
														<tr>
															<td style = "width:275px" class='bold font-blue-hoki'>帮助标记</td>
															<td style = "width:275px" id="helpRemarkDetail"></td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
										<div class="modal-footer" >
											<button type="button" data-dismiss="modal" class="btn btn-auto btn-outline">关闭</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--增加和修改帮助基本信息-->
					<div id="addHelpTestVODiv"  class="modal fade" data-width="800" tabindex="-1">
						<!-- BEGIN VALIDATION STATES-->
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header box bg-yellow">
									<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
									<h4 class="modal-title">
										<i class="icon-reorder"></i>
										<span class="caption" id="divTitle">帮助信息</span>
									</h4>
								</div>
								<div class="modal-body form">
									<!-- BEGIN FORM-->
									<form class="form-horizontal " id="addHelpTestVOForm" method="post" novalidate="novalidate" enctype="multipart/form-data" >
										<div class="alert alert-error hide">
											<button class="close" data-dismiss="alert"></button>
											表单验证出现问题. 请完善相关错误信息.
										</div>
										<div class="alert alert-success hide">
											<button class="close" data-dismiss="alert"></button>
											表单验证成功!
										</div>
										<input type="hidden" id="helpId" name="helpId"/>
										<div class="row-fluid"  style="min-height:58px;">
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="resourcesId"><span id="valierr" style="color:#FF9966">*</span>文件id:</label>
													<div class="controls span8 input-group">
														<input type="text" name="resourcesId" id="resourcesId" class="form-input-sty span12 m-wrap" placeholder="请填写文件id!"/>
													</div>
												</div>
											</div>
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="helpName"><span id="valierr" style="color:#FF9966">*</span>文件名称:</label>
													<div class="controls span8 input-group">
														<input type="text" name="helpName" id="helpName" class="form-input-sty span12 m-wrap" placeholder="请填写文件名称!"/>
													</div>
												</div>
											</div>
										 　	</div>
										<div class="row-fluid"  style="min-height:58px;">
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="helpPath"><span id="valierr" style="color:#FF9966">*</span>文件路径:</label>
													<div class="controls span8 input-group">
														<input type="text" name="helpPath" id="helpPath" class="form-input-sty span12 m-wrap" placeholder="请填写文件路径!"/>
													</div>
												</div>
											</div>
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="helpIntime"><span id="valierr" style="color:#FF9966">*</span>上传时间:</label>
													<div class="controls span8 input-group">
														<input id="helpIntime" name="helpIntime" value="" type="text" class="m-wrap span12 ui_timepicke" placeholder="请填写上传时间!">
													</div>
												</div>
											</div>
										 　	</div>
											<div class="row-fluid"  style="min-height:58px;">
											<div class="span6">
												<div class="control-group ">
													<label class="control-label span3" for="helpRemark"><span id="valierr" style="color:#FF9966">*</span>帮助标记:</label>
													<div class="controls span8 input-group">
														<input type="text" name="helpRemark" id="helpRemark" class="form-input-sty span12 m-wrap" placeholder="请填写帮助标记!"/>
													</div>
												</div>
											</div>
										 　	</div>
										<!--/span-->
										<div class="row-fluid">
											<textarea id="tinyTest02"></textarea>
											<input type="file" id="fileTinyMce" name="fileTinyMce" style="display:none"/>
										</div>
									</form>
								</div>
								<div class="row-fluid" >
									<div class="modal-footer">
										<button type="button" class="btn btn-info btn-outline m-wrap" id="HelpTestVOAddBtn">保存</button>
										<button type="button" class="btn btn-auto btn-outline m-wrap" data-dismiss="modal">关闭</button>
									</div>
								</div> 
							</div>
						</div>
						<!-- END VALIDATION STATES-->
					</div>
					<!-- 添加或修改结束 -->
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-user-md"></i>帮助管理</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>管理帮助信息(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">帮助信息</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">帮助信息管理</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid" id="testTag">
					</div>
					<!-- END PAGE HEADER-->
					<!-- BEGIN PAGE CONTENT-->
					<div class="row-fluid">
						<div  id="dashboard" class="row-fluid">
							<form class="form-horizontal" id="searchHelpTestVOForm">
								<div class="control-group span2">												 
									<div class="controls span12">文件id:
										<input class="form-input-sty span12 m-wrap" type="text" id="resourcesIdSearch" name="resourcesIdSearch" placeholder="请输入文件id">
									</div>
								</div>
								<div class="control-group span2">												 
									<div class="controls span12">文件名称:
										<input class="form-input-sty span12 m-wrap" type="text" id="helpNameSearch" name="helpNameSearch" placeholder="请输入文件名称">
									</div>
								</div>
								<div class="control-group span3">
									<!-- <button type="button" class="btn btn-info btn-outline m-wrap" onclick="reloadData()">搜 索</button> -->
									<sys:button bType="button" bClass="btn btn-info btn-outline m-wrap" bAclid="helpTestSearchBtn" bClick="reloadData()"  bText ="搜 索1"/>
									<sys:button bClick="reloadData()" bType="button" bStyle="height:50px;color:red" bText ="搜 索2"/>
								</div>
							</form>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<!-- BEGIN SAMPLE TABLE PORTLET-->
							<div class="portlet box bg-yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-book"></i>帮助信息表<%-- <sys:aclbtn acltext="nono"></sys:aclbtn> --%>
									
									</div>
									<div class="tools">
										<a href="javascript:;" class="collapse"></a>
									</div>
									<div class="actions">
										<!-- <a class="btn btn-auto btn-outline m-wrap" href="#" id="addHelpTestVO"><i class="icon-plus"></i>新增 </a> -->
										<sys:a bClass="btn btn-auto btn-outline m-wrap" bAclid="addHelpTestVO" bImg="icon-plus"  bText ="新增1"/>
									</div>
								</div>
								<div class="portlet-body">
									<!-- bVar 				全局变量值 -->
									<!-- bAclid 			主键id, 控制权限button的 id -->
									<!-- bClass 			table class -->
									<!-- bHead		  		表头 -->
									<!-- bHeadStyle   		表头对应的样式-->
									<!-- aoColumns 	  		表头 对应的data列属性-->
									<!-- bProcessing		是否显示进度 -->
									<!-- bLengthChange		是否可变长度-->
									<!-- bServerSide		是否在服务端获取数据-->
									<!-- bFilter			是否开启过滤-->
									<!-- bSort				是否开启排序-->
									<!-- sAjaxSource		数据请求地址-->
									<!-- bSearchId			模糊查询表单id,防止id重复-->
									<!-- fnServerParams		模糊查询参数 key-->
									<!-- fnServerParamsEle	模糊查询参数 控件id-->
									<!-- aoColumnDefsType	修改列值的方法 类型,1.js代码2.button标签 , button标签 支持 a标签 或 button标签-->
									<!-- aoColumnDefs		修改列值的方法--写入js代码 或者 将多个按钮拼接-->
									<sys:table
										bVar="msgTable"
										bAclid="tableHelpTestVODiv" 
										bClass="table table-striped table-bordered table-hover table-full-width"
										bHead="文件id,文件名称,文件路径,上传时间,帮助标记,操作"
										bHeadStyle=",,,,,width:200px;"
										aoColumns="resourcesId,helpName,helpPath,helpIntime,helpRemark,helpId"
										bProcessing="true"
										bLengthChange="true"
										bServerSide="true"
										bFilter="false"
										bSort="false"
										sAjaxSource = "../system/helpTestVO/queryHelpTestVOPageList"
										bSearchId = "searchHelpTestVOForm"
										fnServerParams='resourcesId,helpName,helpRemark'
										fnServerParamsEle="resourcesIdSearch,helpNameSearch,selectTest"
										aoColumnDefsType="js,,,,,button"
										aoColumnDefs="if(data==435){return '吉林'}else{return '长春'},,,,,<button class='btn btn-white btn-outline m-wrap' data-value='data' data-id='+full.helpId+' id='HelpTestVOdetailDataBtn' bAclid='HelpTestVOdetailDataBtn' style='font-size:12px;line-height:15px;'><i class='icon-search'></i></button>  
										<button class='btn btn-lightblue btn-outline m-wrap' data-id='+ full.helpId+' bAclid='HelpTestVOupdateDataBtn' id='HelpTestVOupdateDataBtn' style='font-size:12px;line-height:15px;'><i class='icon-pencil'></i></button>
										<button class='btn btn-lightpink btn-outline m-wrap' data-id='+ full.helpId +' bAclid='HelpTestVOdeleteDataBtn' id='HelpTestVOdeleteDataBtn' style='font-size:12px;line-height:15px;'><i class='icon-remove'></i></button>
										<button class='btn btn-download btn-outline m-wrap' data-id='+ full.helpId+' bAclid='HelpTestVOdownLoadBtn' id='HelpTestVOdownLoadBtn' style='font-size:12px;line-height:15px;' ><i class='icon-download-alt'></i></button>
										"
									/>
								</div>
							</div>
							<!-- aoColumnDefs="if(data==435){return \"1\"}else{return \"2\"},,,,,<button class='btn btn-white btn-outline m-wrap' data-id='+full.helpId+' id='detailDataBtn' style='font-size:12px;line-height:15px;'><i class='icon-search'></i></button>" -->
							<!-- END SAMPLE TABLE PORTLET-->
						</div>
					</div>
					<!-- END PAGE CONTENT-->
					<div class="row-fluid">
						<div class="span12">
							<form class="form-horizontal" id="searchHelpTestVOForm">
								<div class="control-group span2">												 
									<div class="controls span12">文件名称:
										<sys:select bCode="50003" bName="selectTest" bOptionVal="一,二,三" bOptionKey="1,2" bServer="true" bId="selectTest" bClass="form-input-sty span12 m-wrap" bAclid="selectTest" bSearch="true"/>
										<!-- <select id="selectTest" class="form-input-sty span12 m-wrap" data-live-search="true"></select> -->
									</div>
								</div>
								<div class="control-group span2">												 
									<div class="controls span12">文件名称:
										<sys:select bName="selectTest" bOptionVal="一,二,三" bOptionKey="1,2,3" bServer="false" bId="selectTest02" bClass="form-input-sty span12 m-wrap" bAclid="selectTest02" bSearch="false"/>
										<!-- <select id="selectTest" class="form-input-sty span12 m-wrap" data-live-search="true"></select> -->
									</div>
								</div>
								<div class="control-group span2">
									<div class="icon-btn" style="height:26px;width:70px;" id="chooseCity">
										<div style="margin-top:0px">行政区</div>
										<span class="badge badge-important">0</span>
									</div> 
								</div>
								<div class="control-group span2">
									<div class="icon-btn" style="height:26px;width:70px;" id="chooseCity1">
										<div style="margin-top:0px">行政区</div>
										<span class="badge badge-important">0</span>
									</div> 
								</div>
							</form>
						</div>
					</div>
					
					<div class="row-fluid">
						<textarea id="tinyTest03"></textarea>
						<input type="file" id="fileTinyMce03" name="fileTinyMce03" style="display:none"/>
					</div>
				<!-- END PAGE CONTAINER--> 
			</div>
			<!-- END PAGE -->
		</div>
		<!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <script type="text/javascript" >
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
			function reloadData(){
				msgTable.ajax.reload();
			}
		</script>
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/verify.js"></script>
	 	<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/info/HelpTestVOMgr.js"></script>
	</body>
</html>